<template>
  <div class="bottom flex-col-center">
    <el-divider></el-divider>
    <FixBottom></FixBottom>
    <div class="bottom-box flex-row-center">
      <div class="flex-row-center bottom-logo">

      </div>
      <div class="flex-row-start bottom-content" style="flex-wrap: wrap">
        <div class="content-item flex-row-center" v-for="item in contentList" v-html="item">

        </div>
      </div>
    </div>


  </div>
</template>

<script>
import FixBottom from "@/components/bottom/FixBottom.vue";

export default {
  name: "Bottom",
  components: {FixBottom},
  data() {
    return {

      contentList:[
          "Cookie政策",
          "条件和条款",
          "网站地图",
          "© 2023 STUDENT.COM学旅家 江曲投资咨询（上海）有限公司",
          " STUDENT.COM VENTURES LIMITED",
          "沪ICP备09005001号-5",
          `
               <el-image src="https://cdn.student.com/bundles/swagger/images/police.e65486a1.png" style="width: 16px;height: 16px"></el-image>
                沪公网安备 31010602003495号
            `
      ]
    }
  },
  methods: {}
}
</script>

<style scoped lang="less">
  .bottom{
    width:100%;
    height: 170px;
    .bottom-box{
      height: 150px;
      .bottom-logo{
        width: 200px;
      }
      .bottom-content{
        width: 700px;
        .content-item{

          color: #9e9e9e;
          font-size: 13px;
          padding: 5px;
          cursor: pointer;
        }
      }

    }


  }
</style>